<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div id="app">
<!--  在遍历对象的过程中，如果只是获取一个值，获取的是value-->
  <ul>
    <li v-for="item in info">{{item}}</li>
  </ul>

<!--  获取key和value  （value，key）-->
  <ul>
    <li v-for="(value,key) in info">{{value}}.{{key}}</li>
  </ul>

<!--  获取key和value和index (value,key,index)-->
  <ul>
    <li v-for="(value,key,index) in info">{{value}}.{{key}}.index</li>
  </ul>
</div>

<script src="../js/vue.js"></script>
<script>
    const  app = new Vue({
      el:'#app',
      data:{
        info: {
          name: 'wj',
          age: 18,
          weight: '40kg'
        }
      }
    })
</script>
</body>
</html>